<template>
  <div>
    <h1>EventTest组件</h1>
    <button @click="handle">click1</button>
    <Event1 @click.native="handle1"></Event1>
    <Event2 @click="handle2" @xxx="handle2"></Event2>
  </div>
</template>

<script type="text/ecmascript-6">
import Event1 from './Event1.vue'
import Event2 from './Event2.vue'

export default {
  name: 'EventTest',

  components: {
    Event1,
    Event2,
  },
  methods: {
    handle(event){
      console.log("我是原生dom", event)
    },
    handle1(){
      console.log("event1事件回调测试")
    },
    handle2(aa){
      console.log("event2事件回调测试", aa)
    },
  },
}
</script>
